<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui" 
	template="../../plantilla/plantillaGeneral.xhtml">

	<ui:define name="contenido">
		<h:form id="form">
			<p:tabView id="tabMatPro">
				<!--PESTAÑA ADMINISTRACION  -->
				<p:tab title="#{inter.administrar} #{inter.provincia}">

					<!--MENSAJES  -->
					<p:growl id="menProv" life="#{inter.tiempoMen}" />

					<!--ACORDEON  -->
					<p:accordionPanel effect="bounceslide" autoHeight="false"
					id="acoPanPro">

						<!--PRIMERA PESTAÑA DEL ACORDEON: INGRESAR DATOS-->
						<p:tab title="#{inter.insertar} #{inter.provincia}">
							<!--BARRA GUARDAR-->
							<p:toolbar>
								<p:toolbarGroup align="right">
									<p:commandButton image="botonGuardar" title="inter.guardar"
										update="menProv, dtProv, gridProv"
										actionListener="#{catalogoProvincia.guardarProvincia}" />
								</p:toolbarGroup>
							</p:toolbar>
							<!--DATOS-->
							<h:panelGrid columns="4" id="gridProv" width="100%"
								style="text-align:left;">

								<h:outputLabel value="#{inter.nombre}" for="txtNomProv"/>
								<p:inputText id="txtNomProv" required="true"
									value="#{catalogoProvincia.provincia.nombreProv}"
									requiredMessage="#{inter.nombreProv} #{inter.requerido}"
									validatorMessage="#{inter.errorlong} #{inter.provincia} ">
									<f:validateLength minimum="0" maximum="45" />
<!-- 									<f:converter converterId="convertidorMayuscula" /> -->
								</p:inputText>
							</h:panelGrid>
						</p:tab>

						<!--SEGUNDA PESTAÑA DEL ACORDEON: EDITAR DATOS-->
						<p:tab title="#{inter.modificar} #{inter.provincia}">
							<!--BARRA EXPORTAR IMPRIMIR-->
							<p:toolbar>
								<p:toolbarGroup align="right">
<!-- 									<h:commandButton value="#{inter.editar}" title="#{inter.editar}" -->
<!-- 										image="/img/iconoEditar.png" styleClass="botonMat"> -->
<!-- 										<p:ajax update="form:gridProv, menProv, acoPanPro" -->
<!-- 											listener="#{catalogoProvincia.editarProvincia}" /> -->
<!-- 									</h:commandButton> -->
<!-- 									<h:commandButton value="#{inter.eliminar}" title="#{inter.eliminar}" -->
<!-- 										image="../../img/iconoEliminar.png" styleClass="botonMat" -->
<!-- 										onclick="diaConMatPro.show();return false;" type="button" /> -->
									<p:divider />
									<h:commandLink immediate="true"
										title="#{inter.exportar} #{inter.excel}">
										<p:graphicImage value="/img/iconoExcel.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="xls" target="dtProv"
											fileName="#{inter.filProv}" />
									</h:commandLink>
									<h:commandLink immediate="true"
										title="#{inter.exportar} #{inter.pdf}">
										<p:graphicImage value="/img/iconoPdf.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="pdf" target="dtProv"
											fileName="#{inter.filProv}" />
									</h:commandLink>
									<h:commandLink immediate="true"
										title="#{inter.exportar} #{inter.xml}">
										<p:graphicImage value="/img/iconoXml.png" 
											styleClass="botonMat"/>
										<p:dataExporter type="xml" target="dtProv"
											fileName="#{inter.filProv}" />
									</h:commandLink>
								</p:toolbarGroup>
							</p:toolbar>
							<br />
							<p:dataTable id="dtProv" var="provincia"
								value="#{catalogoProvincia.listaProvincia}"
								selection="#{catalogoProvincia.provinciaSel}"
								selectionMode="single"
								rowSelectListener="#{catalogoProvincia.onRowSelect}"
								paginator="true" rows="10">
								<p:column sortBy="#{provincia.nombreProv}"
									filterBy="#{provincia.nombreProv}">
									<f:facet name="header">
										<h:outputText value="#{inter.nombre}" />
									</f:facet>
									<h:outputText value="#{provincia.nombreProv}" />
								</p:column>
							</p:dataTable>
						</p:tab>
					</p:accordionPanel>
				</p:tab>
			</p:tabView>
		</h:form>
	</ui:define>
	<ui:define name="diaGen">
		<p:confirmDialog message="#{inter.mendeliminar}"
			modal="true" showEffect="bounce" hideEffect="explode"
			header="#{inter.eliminando} #{inter.provincia}" severity="alert"
			widgetVar="diaConMatPro">
			<p:commandButton value="Si" oncomplete="diaConMatPro.hide()"
				actionListener="#{catalogoProvincia.eliminarProvincia}"
				update="form:dtProv, form:menProv" immediate="true">
			</p:commandButton>
			<p:commandButton value="No" onclick="diaConMatPro.hide()"
				type="button" />
		</p:confirmDialog>
	</ui:define>
</ui:composition>